<template>
  <div class="clear">
    <div class="title" style="float: left">
      <slot name="title-one">标题1</slot>
      <i>&nbsp;/&nbsp; </i>
      <slot name="title-two">标题2</slot>
    </div>
    <div class='WB-news' style="float: right;margin-right: 20px">
      <el-button class='news' v-show="isShow1">新建运单</el-button>
      <el-button class='daochu' v-show="isShow2">EXCEL导出</el-button>
      <el-button class='bank' type="text" v-show="isShow3" @click="fh">
        返回上一页 <i style="font-size: 12px;" class="el-icon-arrow-right"></i>
      </el-button>
    </div>
  </div>
</template>

<script>
  export default {
    components: {},
    props: {
      isShow1: {
        type: Boolean
      },
      isShow2: {
        type: Boolean
      },
      isShow3: {
        type: Boolean
      }
    },
    methods: {
      fh(){
        this.$router.go(-1)
      }
    }
  }
</script>
<style lang="scss">
  .clear:after {
    display: block;
    clear: both;
    content: '';
  }

  .title {
    padding: 35px 0 33px 30px;

  }

  i {
    font-size: 20px;
    font-weight: 700;
    color: #acafc2;
  }

  .WB-news {
    padding-top: 26px;
    .news {
      border-radius: 3px;
      border-color: #3550b9;
      color: #3550b9;
    }
    .daochu {
      border-radius: 3px;
      margin-left: -2px;
      border-color: green;
      color: green;
    }
    .bank {
      color: #C4C3C8;
    }
  }
</style>
